<div class="container-fluid" style="margin-top: 20px;">
    <div class="row">
        <div class="col-md-8">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <i class="fa fa-bar-chart" aria-hidden="true"></i>
                    新增问题趋势
                </div>
                <div class="panel-body">
                    <div id="container" style="width:100%;min-height:200px"></div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <i class="fa fa-quora" aria-hidden="true"></i>
                            问题
                        </div>
                        <div class="panel-body">
                            {% for key,item in status_dict.items %}
                                <div class="col-sm-4 status-count">
                                    <a href="{% url 'issues' project_id=request.tracer.project.id %}?status={{ key }}">
                                        <div class="count">{{ item.count }}</div>
                                        <div>{{ item.text }}</div>
                                    </a>
                                </div>
                            {% endfor %}
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <i class="fa fa-user" aria-hidden="true"></i>
                            项目成员
                        </div>
                        <div class="panel-body user-item">
                            <div class="col-sm-12 title">创建者</div>
                            <div class="clearfix" style="margin-bottom: 30px;">
                                <div class="col-sm-4">
                                    <div class="avatar">{{ request.tracer.project.creator.username.0|upper }}</div>
                                    <div class="text">{{ request.tracer.project.creator.username }}</div>
                                </div>
                            </div>
                            <div class="col-sm-12 title">参与者</div>
                            <div>
                                {% for item in user_list %}
                                    <div class="col-sm-4">
                                        <div class="avatar">{{ item.user__username.0|upper }}</div>
                                        <div class="text">{{ item.user__username }}</div>
                                    </div>
                                {% endfor %}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <i class="fa fa-cog title-icon"></i>
                    详细
                </div>
                <div class="panel-body">
                    <table class="table table-right">
                        <tbody>
                        <tr>
                            <td class="label-left">项目名称 ：</td>
                            <td>{{ request.tracer.project.name }}</td>
                        </tr>
                        <tr>
                            <td class="label-left">项目描述 ：</td>
                            <td>{{ request.tracer.project.desc }}</td>
                        </tr>
                        <tr>
                            <td class="label-left">创建时间 ：</td>
                            <td>{{ request.tracer.project.create_datetime }}</td>
                        </tr>
                        <tr>
                            <td class="label-left">项目空间 ：</td>
                            <td>{% user_space request.tracer.project.use_space %}
                                / {{ request.tracer.price_policy.project_space }} GB
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="panel panel-default">
                <div class="panel-heading">
                    <i class="fa fa-list-ul" aria-hidden="true"></i>
                    动态
                </div>
                <div class="panel-body top-10">
                    <table class="table">
                        <tbody>
                        {% for item in top_ten_object %}
                            <tr>
                                <td style="width: 46px;">
                                    <div class="avatar">{{ item.creator.username.0|upper }}</div>
                                </td>
                                <td>
                                    <div>{{ item.creator.username }}</div>
                                    <div>指派
                                        {#                                            <a href="{% url 'issues_detail' project_id=request.tracer.project.id issues_id=item.id %}">{% string_just item.id %}</a>#}
                                        {#                                            给 {{ item.assign.username }}#}
                                    </div>
                                </td>
                                <td style="width: 156px;">
                                    {{ item.create_datetime }}
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>